{% extends "build.html" %}

<!-------------------------------------------------------------------------->
<!--------------------- course_catalog block ------------------------------->
{% block course_catalog %}
<!-- Modal -->
<div id="courseCatalogModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <!-- Modal Header -->
  <div id="courseCatalogHeader" class="modal-header">
    <button type="button" id="courseCatalogExit1" class="close" data-dismiss="modal" aria-hidden="true">x</button>
    <h3 style="text-align:center; direction:rtl;" id="CatalogModalLabel">בחר קורסים והוסף למערכת (סמסטר א')</h3>
  </div>
  <!-- Modal Body -->
  <div class="modal-body bidit-catalog-modal-body">
  
    <!--container fluid-->
    <div class="container-fluid">
      <div class="row-fluid" >
        <div class="span12">
          <div class="span4">
            <div class="row-fluid">
              <div class="span12">
                <div class=" alert alert-info">
                  <strong>קורסים שנבחרו</strong> 
                </div>
              </div>
            </div>
            <div class="row-fluid">
              <div class="span12">
                <!--    <table><tr>
                  <td valign="top"> -->
                <div class="pre-scrollable" style="overflow-y:auto; max-height:350px;">
                  <div id="chosenCourses" class="chosenCourses"> </div>
                </div>
                <!--               </td>
                  </tr>
                  </table> -->
              </div>
            </div>
          </div>
          <div class="span4">
            <div class="row-fluid">
              <div class="span12">
                <div class=" alert alert-info">
                  <strong>קורסים</strong> 
                </div>
              </div>
         
            </div>
            <div class="row-fluid">
              <div class="span12">
                <!--  <table><tr>
                  <td valign="top"> -->
                <div >
                  <div id="courseTable" style="overflow-y:auto; max-height:350px; text-align:right;">

                  </div>
                </div>
                <!--                </td>
                  </tr>
                  </table> -->
              </div>
            </div>
          </div>
          <div class="span4">
            <div class="row-fluid">
              <div class="span12 alert alert-info">
                 <strong>סינון קורסים</strong>
					
              </div>
            </div>
            <div class="row-fluid">
              <div class="span12">
                
                      <!-- Filters Accordion -->
                      <div width="100%" id="filters-accordion">
                      </div>
                 
                       <div width="100%" id="filters-accordion-2">
                      </div>
                 
              </div>
            </div>
            <!--end of row-fluid-->
          </div>
        </div>
        <!--end of span12-->
      </div>
      <!--end of row-fluid-->
    </div>
    <!--close the container-->
  </div>
  <div id="catalogModalFooter" class="modal-footer">
  	  <div class="row-fluid">
  	     <div id="idChosenFilters" class="span7 pull-right" style="color:black; text-align:right; vertical-align:middle;"><ul id="idChosenFiltersCrumbs" class="breadcrumb"></ul></div>       
  	  
         <button id="courseCatalogExit2" class="btn" data-dismiss="modal" aria-hidden="true">ביטול</button>
         <button id="addCourses" class="btn btn-primary" data-dismiss="modal">הוסף קורסים למערכת </button>
      </div>   
  </div>
</div>
{% endblock %}
<!---------------------------------------------------------------->
<!------------------------- optimize block ----------------------->
{% block optimize %}
<!-- Modal -->
<div id="optimizeModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-width="760">
   <!-- Modal Header -->
   <div class="modal-header">
      <button type="button" id="optimizeExit1" class="close" data-dismiss="modal" aria-hidden="true">x</button>
      <button id="helpOptimizer" class="btn pull-left">עזרה </button>
      <h3 id="myModalLabel">בנה לי מערכת</h3>
      
   </div>
   <!-- Modal Body -->
   <div class="modal-body bidit-optimizer-modal-body">
      <div class="row-fluid pull-right">
         <!--menu span12: for all screen-->
         <div class="span12">
            <div class="row-fluid pull-right">
               <!--must have courses area-->
               <div class="span6 pull-right">
                  <div class="row-fluid" id="mustHaveCoursesRow">
                     <div class=" alert alert-info">
                        <strong>סמן קורסים שאתה חייב לקחת</strong> 
                     </div>

                  <div id="mustHaveCourses" style="overflow-y:auto; max-height:300px;" class="pre-scrollable" >
                     <table id="mustHaveTable" align="right">
                     </table>
                  </div>
               </div>
               </div>
               <!--end of span6-->
               <!--settings area-->
               <div class="span6 pull-right">
                  <!--days heding-->
                  <div class="row-fluid pull-right" style="margin-right:10px;">
                     <div class="span12">
                        <div class=" alert alert-success alert-small">
                           <strong>ימים</strong> 
                        </div>
                     </div>
                     <!--end of days heading--> 
                  </div>
                  <!--days--> 
                  <div class="row-fluid pull-right" id="maxDaysRow" style="margin-right:10px;">
                     <!--span8-->

                     <div class="span6" id="maxDaysArea">
                        <!--before was also value="6" in input-->
                       
                     </div>
                     <!--end of span7-->
                     <div class="span6">
                        <p align="right" style="text-align:right;">:מקסימום ימים בשבוע</p>
                     </div>
                  </div>
                  <!--end of days row-fluid--> 
                  <!--days off-->
                  <div class="row-fluid pull-right" id="daysOffRow" style="margin-right:10px; margin-bottom:6px;">
                     <!--span8-->
                     
                     
			<div class="span6">
                     
                   <div class="btn-group  " id="chooseDaysArea">
                                
          <button id="selectDaysButton"  style="width:120px;"
		data-toggle="dropdown" class="btn btn-info dropdown-toggle">
       
        
        </button>
		<ul class="dropdown-menu" id="dropDownDays">
            
<li><input type="checkbox" id="dayOff1"><label for="dayOff1">א   <img id="sundayCheck"  /></label></li>
<li><input type="checkbox" id="dayOff2"><label for="dayOff2">ב   <img id="mondayCheck"  /></label></li>
<li><input type="checkbox" id="dayOff3"><label for="dayOff3">ג   <img id="tuesdayCheck" /></label></li>
<li><input type="checkbox" id="dayOff4"><label for="dayOff4">ד   <img id="wednesdayCheck" /></label></li>
<li><input type="checkbox" id="dayOff5"><label for="dayOff5">ה   <img id="thursdayCheck" /></label></li>
<li><input type="checkbox" id="dayOff6"><label for="dayOff6">ו   <img id="fridayCheck" /></label></li>

	       </ul>
          	
            					</div>
                  

                         
                     </div>
                     <!--end of span7-->
                     
                     
                     <div class="span6">
                        <p align="right" style="text-align:right;">:יום חופש</p>
                     </div>
                     
                  </div>
                  
                  <!--end of days off row-fluid--> 
                  <!--hours heding-->
                  <div class="row-fluid pull-right" style="margin-right:10px;">
                     <div class="span12">
                        <div class=" alert alert-success alert-small" >
                           <strong>שעות</strong> 
                        </div>
                     </div>
                     <!--end of hours heading--> 
                  </div>
                  <!--after-->
                  <div class="row-fluid pull-right" id="afterHourRow" style="margin-right:10px;">
                     <!--span8-->

                     <div class="span6" id="afterHourArea">
                        <!--before was also value="08:00" in input-->
                        
                     </div>
                     <!--end of span7-->
                     <div class="span6">
                        <p align="right" style="text-align:right;">:לא רוצה ללמוד לפני</p>
                     </div>
                  </div>
                  <!--end of after row-fluid--> 
                  <!--before-->
                  <div class="row-fluid pull-right" id="beforeHourRow" style="margin-right:10px;">
                     <!--span8-->
                     
                     <div class="span6" id="beforeHourArea">
                        <!--before was also value="22:00" in input-->
                        
                     </div>
                     <!--end of span7-->
                     <div class="span6">
                        <p align="right" style="text-align:right;">:לא רוצה ללמוד אחרי</p>
                     </div>
                  </div>
                  <!--end of before row-fluid--> 
                  <!--exams heding-->
                  <div class="row-fluid pull-right" style="margin-right:10px;">
                     <div class="span12">
                        <div class=" alert alert-success alert-small">
                           <strong>מבחנים</strong> 
                        </div>
                     </div>
                     <!--end of exams heading--> 
                  </div>
                  <!--exams gap hours-->
                  <div class="row-fluid pull-right" id="examsGapRow" style="margin-right:10px;">
                     <!--span8-->

                     <div class="span6" id="examsGapArea">
                        <!--before was also value="1" in input-->
                        
                     </div>
                     <!--end of span7-->
                     <div class="span6">
                        <p align="right" style="text-align:right;">:מרווח בין מבחנים</p>
                     </div>
                  </div>
                  <!--end of exams gap row-fluid--> 
               </div>
               <!--enf of span6-->         
            </div>
         </div>
         <!--end of row-fluid (the one cefore span12)-->
      </div>
      <!--end of span12-->
   </div>
   <!--this is actually the end of the modal body and not what is written in next line-->
   <!--end of row-fluid (the one before modal body)-->
   <!--modal footer-->
   <div id="optimizeModalFooter" class="modal-footer">
      
      <button id="optimizeExit2" class="btn" data-dismiss="modal" aria-hidden="true">ביטול</button>
      <button id="buildSystem" class="btn btn-primary">בנה מערכת </button>
   </div>
   <!--end of modal footer-->
</div>
<!--end of all modal-->
   

{% endblock %}
<!---------------------------------------------------------------->
<!---------------------signIn block------------------------------->
{% block sign_in %}
<!-- Modal -->
<div id="signInModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <!-- Modal Header -->
   <div class="modal-header">
      <button type="button" id="signInExit1" class="close" data-dismiss="modal" aria-hidden="true">x</button>
      <h3 id="signInLabel"></h3>
   </div>
   <!-- Modal Body -->
   <div id="signInBody">
   
   		
   
   </div>
   <!--Footer-->
   <div id="signInModalFooter" class="modal-footer">
      <button id="signInExit2" class="btn" data-dismiss="modal" aria-hidden="true">ביטול</button>
      <button id="signIn" class="btn btn-primary "> </button>
   </div>
</div>
{% endblock %}
<!-------------------------------------------------------------------------->
<!--------------------- course_profile block ------------------------------->
{% block course_profile %}
<!-- Modal -->
<div id="courseProfileModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="ProfileModalLabel" aria-hidden="true">
   <!-- Modal Header -->
   <div class="modal-header">
      <a href="#courseCatalogModal" id="closeBackToCatalog" role="button" class="close" data-toggle="modal" data-dismiss="modal" aria-hidden="true">x</a>
      <a href="#courseCatalogModal" id="closeBackToMain" role="button" class="close" data-dismiss="modal" aria-hidden="true">x</a>
      <h3 style="text-align:center; direction:rtl;" id="ProfileModalLabel"></h3>
      <h5 style="text-align:center; direction:rtl;" id="ProfileModalLabelSmall"></h5>
   </div>
   <!--end of modal header-->
   <!-- Modal Body -->
   <div class="modal-body bidit-profile-modal-body" style="overflow:hidden; width:100%; margin-left:15px; margin-right:15px;">
      <!--all modal in one row-fluid-->
      <div class="container-fluid">
      	<div style="width:inherit;">
         <!--span12 for all modal body-->
         <div class="tabbable" id="courseProfileTabs">
            <ul class="nav nav-tabs" style="width:inherit;">
               <li id="courseInfoWindow" class="active pull-right"><a href="#tab1"
                  data-toggle="tab">מידע על הקורס</a></li>
               <li id="groupsInfoWindow" class="pull-right"><a href="#tab2"
                  data-toggle="tab">קבוצות לימוד</a></li>
               <li id="syllabusWindow" class="pull-right"><a href="#tab3" data-toggle=
                  "tab">סילבוס</a></li>
               <li class="pull-right" id="statsTab"><a href="#tab4" data-toggle="tab">סטט' בידינג</a>
               </li>
               <li class="pull-right"><a href="#tab5" data-toggle="tab">סקר הערכת הוראה</a>
               </li>
               <li id="popularityTab" class="pull-right"><a href="#tab6" data-toggle="tab">פייסבוק</a>
               </li>
            </ul>
            <div id="coursProfileTabsContent" class="tab-content" width="100%">
               <!--tab1-->
               <div class="tab-pane active pre-scrollable" id="tab1" style="overflow-y:auto; max-height:330px; text-align:right;">
                  <!--general row-fluid-->
                  <div class="row-fluid">
                     <div class="span12">
                        <div class="row-fluid">
                           <div class="span12">
                              <div class="row-fluid">
                                 <div class="span3 pull-right">
                                    <div class="span4 pull-right">
                                       <strong>:שפה</strong>
                                    </div>
                                    <div id="courseLang" class="span8 pull-right">
                                    </div>
                                 </div>
                                 <div class="span2 pull-right">
                                    <div class="span8 pull-right">
                                       <strong>:שעות</strong>
                                    </div>
                                    <div id="amountHours" class="span4 pull-right">
                                    </div>
                                 </div>
                                 <div class="span3 pull-right">
                                    <div class="span10 pull-right">
                                       <strong>:נק' זכות</strong>
                                    </div>
                                    <div id="amountPoints" class="span2 pull-right">
                                    </div>
                                 </div>
                                 <div class="span3 pull-left">
                                    <div class="span8 pull-right">
                                       <strong>:האם קיים וידאו</strong>
                                    </div>
                                    <div id="courseVideoBoolean" class="spaמ4 pull-right">
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <!--end of span12-->
                        </div>
                        <!--end of row-fluid-->
                        <!--end of additional info row-fluid-->
                        <!--exams row-fluid-->
                        <div class="row-fluid">
                           <div class="span12">
                              <!--label row-fluid-->
                              <div class="row-fluid">
                                 <div class="span12 pull-right">
                                    <hr />
                                    <p id="matalotHeading" style="text-align:right;"></p>
                                 </div>
                              </div>
                              <!--end of label row-fluid-->
                              <div class="row-fluid">
                                 <div class="span12">
                                 
                                 <table id="mivhanimTable" class="table table-condensed profileTable" style="float:right; direction: rtl;">
                                 </table>
                                 </div>
                                 <!--end of span12-->
                              </div>
                              <!--end of row-fluid-->
                           </div>
                        </div>
                        <!--end of exams row-fluid-->
                     </div>
                  </div>
               </div>
               <!--end of tab1-->
               <!--tab2-->
               <div class="tab-pane pre-scrollable" id="tab2" style="overflow-y:auto; max-height:330px;">
                  <div class="row-fluid">
                     <div class="span12">
                        <!--HARTZAOT and TIRGULIM table-->
                        <table id="marzimTeble" class="table table-condensed  profileTable" style="float:right; direction: rtl;">
                        </table>
                        <!--end of HARTZAOT and TIRGULIM table-->
                     </div>
                  </div>
                  <!--end of tab2 row-fluid-->    
               </div>
               <!--end of tab2-->
               <!--tab3-->
               <div class="tab-pane" id="tab3" style="overflow-y:auto; max-height:330px; text-align:right !important; direction:ltr !important; float:right !important; padding-right: 5px;" class="pre-scrollable">
               <div id="tab3x">
               </div>
               </div>
               <!--end of tab3-->
               <!--tab4-->
               <div class="tab-pane hide" id="tab4" style="overflow-x:hidden; height:100%;" >
                  <div id="statistcsError" class="hide">לא קיימים נתונים עבור קורס זה</div>
                  <div id="statisticsBtnGroup" class="btn-group" data-toggle="buttons-radio" style="width:100%;">
                  
     
                     <button id="grafStyleBtn" data-toggle="button" class="btn btn-medium" style="width:25%; height:30px; float: right; margin-bottom:10px; margin-top:0px;">
                    צפה בנתונים
                     </button>
                     <button id="tavlaStyleBtn" data-toggle="button" class="btn btn-medium " style="width:25%; height:30px; float:right; margin-bottom:10px; margin-top:0px;">
                    צפה בביקוש הקורס
                     </button>
                 
                  </div>
                  
                  <p id="helpGrafText" class="well well-small" style="text-align:center; direction:rtl; width:95%; margin: 10px auto;">
                   הגרף שלפניכם מציג את אחוזי הביקוש עבור הקורס בשנים האחרונות 
					<br>	(חושב לפי מס' הבקשות ביחס למס' המקומות בקורס באותו סמסטר)
                  </p>
                  
                  <div id="chart_div" style="width: 100%; height: 100%;"></div>
               

                        <div class="pull-right" id="table_div" style="width:100%; height:100%;" >
                       
                          <div id="bid-row-title" class="row-fluid bid-row-title" style="text-align:center;">

                            <div class="span1" style="font-weight:bold;">ניקוד סגירה</div>
                            <div class="span1">נדחו</div>
                            <div class="span1">התקבלו</div>
                            <div class="span1">בקשו</div>
                            <div class="span1">מכסה כללית</div>
                            <div class="span3">מורה</div>
                            <div class="span1">קבוצה</div>
                            <div class="span1">סמסטר</div>
                            <div class="span2">שנה</div>
                        </div>
                        
                         <div id="table_table" class="accordion" style="overflow-y:auto; max-height:250px;">
                         </div>
                  </div>
               </div>
               <!--end of tab4-->
               
               
               
               
               <!--tab5-->
               <div class="tab-pane pre-scrollable hide" id="tab5" style="overflow-y:auto; max-height:400px;">
                 
                 <div class="well well-small" align="center" dir="rtl" style="width:95%; margin: 0px auto;">
                 <p>כדי לצפות בנתוני סקר הערכת הוראה עליך להזדהות במערכת של אוניברסיטת ת"א,</p>
                 <p>אם אינך מחובר, עשה זאת בלחיצה על כפתור "התחבר לאוניברסיטה"</p>
                 <p>(להסבר נוסף לחץ <a class="btn-link" id="moreOnSeker" style="padding-right:-5px;">כאן</a>
                 )
                 </p>
                 <button class="btn btn-medium" id="connectTAU">
                 התחבר לאוניברסיטה
                 </button>
                 </div>
                 <br/>

                 <div id="enterWithIdArea" class="well well-small" align="center" dir="rtl" style="width:95%; margin: 0px auto;">
                 <h5 align="center" dir="rtl" style="margin-top:-3px;">
                 הכנס מספר זהות ותועבר ישירות לתוצאות הסקר
                 </h5>
                 <input type="text" placeholder="מספר זהות" id="IDNumber" maxlength="9" dir="rtl"/>
                 <br />
                 <button class="btn btn-info btn-medium" id="IDEnter">
                 כנס לסקר
                 </button>
                 </div>

                 <h5 align="center" dir="rtl" style="position:auto;">
                 * ממסך זה תועבר למערכת האוניברסיטאית והמידע המוצג בו באחריות האוניברסיטה בלבד * <br /> * נתוני ההתחברות, בפרט שם המשתמש, הסיסמה ומספר הזהות אינם נשמרים באתר *
                 </h5>
                 
                 
               </div>
               <!--end of tab5-->
               
                 <!--tab6-->
               <div id="tab6" class="tab-pane hide" style="overflow-x:hidden;">
               		<div id="popularityMainDiv" class="well well-small" style="width:95%; margin: 0px auto;">               		
               		</div>
               		<div id="popularityMainDivFacebook" style="width:95%; margin: 0px auto;">
               		   <span id="facebookLoginSpan"><fb:login-button  show-faces="true" width="300" max-rows="1" id="facebookLoginBtn"></fb:login-button></span>
               		</div>
               		<div id="facebookInstructions" class="hide" style="background:#E6E6FA; opacity: 0.5; width:98%; margin: 10px auto;"><p>להלן רשימת החברים שבחרו בקורס, לחץ על חבר על מנת לצפות בקורסים שבחר</p></div>
               		<div id="friendsList" class="pre-scrollable row-fluid" style="height:250px; overflow-x:hidden; overflow-y:auto; max-height:400px;">
               			<div id="friendsColumn1" class="span1"></div>
               			<div id="friendsColumn2" class="span1 offset1"></div>
               			<div id="friendsColumn3" class="span1 offset1"></div>
               			<div id="friendsColumn4" class="span1 offset1"></div>
               			<div id="friendsColumn5" class="span1 offset1"></div>
               			<div id="friendsColumn6" class="span1 offset1"></div>
               		</div>
               		
               </div>
               <!--end of tab6-->
               
               
            </div>
         </div>
         <!--end of span12 (tabbable)-->
      </div>
      <!--end of modal row-fluid-->
   	</div>
   </div>
   <!-- end of modal body-->
   <div id="courseProfileModalFooter" class="modal-footer">
      <a href="#" id="backToMain" role="button" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">חזרה למסך הראשי</a>
      <a href="#courseCatalogModal" id="backToCatalog" role="button" class="btn btn-primary" data-toggle="modal" data-dismiss="modal" aria-hidden="true">חזרה להוספת קורסים</a>
   </div>
</div>
<!--end of courseProfileModal-->
   {% endblock %}
   
   <!---------------------------------------------------------------->
<!---------------------contact block------------------------------->
{% block contact %}
<!-- Modal -->
<div id="contactModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <!-- Modal Header -->
   <div class="modal-header">
      <button type="button" id="contactExit1" class="close" data-dismiss="modal" aria-hidden="true">x</button>
      <h3 id="myModalLabel">צור קשר</h3>
   </div>
   <!-- Modal Body -->
   <div class="modal-body" style="overflow-y:auto;">
   
   
   
   <form action="" id="contact-form" class="form-horizontal">
<fieldset>
 <!-- <legend>Sample Contact Form <small>(will not submit any information)</small></legend>-->
    <div class="row-fluid">
    <div class="control-group span12" id="nameControlGroup">
     
      <div class="row-fluid">
      <div class="span1" id="nameContactValidSignArea">
      
      </div>
      <div class="controls span6" id="nameContact">
        <input type="text" class="input-xlarge" name="name" id="name" style="direction:rtl;">
      </div>
      <div class="span4"><label class="control-label" for="name">שם מלא</label></div>
    </div>
    </div>
    </div>
    
    <div class="row-fluid">
    <div class="control-group span12" id="emailControlGroup">
     
     <div class="row-fluid">
      <div class="span1" id="emailContactValidSignArea">
      
      </div>
      <div class="controls span6" id="emailContact">
        <input type="text" class="input-xlarge" name="email" id="email">
      </div>
       <div class="span4"> <label class="control-label" for="email">כתובת דוא"ל</label></div>
    </div>
    </div>
    </div>
    
    <div class="row-fluid">
    <div class="control-group span12" id="subjectControlGroup">
     
     <div class="row-fluid">
      <div class="span1" id="subjectValidSignArea">
      
      </div>
      <div class="controls span6" id="subjectContact">
        <input type="text" class="input-xlarge" name="subject" id="subject" style="direction:rtl;">
      </div>
       <div class="span4"><label class="control-label" for="subject">נושא</label></div>
    </div>
    </div>
    </div>
    
    <div class="row-fluid">
    <div class="control-group span12" id="freeTextControlGroup">
      
      <div class="row-fluid">
      <div class="span1" id="freeTextValidSignArea">
      
      </div>
      <div class="controls span6" id="freeText">
        <textarea class="input-xlarge" name="message" id="message" rows="7" style="direction:rtl; vertical-align:top; resize: none;"></textarea >
      </div>
      <div class="span2"> <label class="control-label" for="message">גוף הודעה</label></div>
    </div>
    </div>
    </div>
    
   
    

  </fieldset>
</form>

 


<div id="messegeSentArea" class="offset3 pull-left">

</div>


   

   
   </div>
   <!--Footer-->
   <div id="contactModalFooter" class="modal-footer">
      <button id="contactExit2" class="btn" data-dismiss="modal" aria-hidden="true">ביטול</button>
      <button id="submitSupportMail" type="submit" class="btn btn-primary">שלח</button>
      <button id="backToMainScreenFromContact" class="btn hide">חזרה למסך הראשי</button>
      
      
   </div>
</div>
{% endblock %}

<!---------------------------------------------------------------->
<!---------------------about block------------------------------->
{% block about %}
<!-- Modal -->
<div id="aboutModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <!-- Modal Header -->
   <div class="modal-header">
      <button type="button" id="aboutExit1" class="close" data-dismiss="modal" aria-hidden="true">x</button>
      <h3 id="myModalLabel">אודות</h3>
   </div>
   <!-- Modal Body -->
   <div class="pre-scrollable" style="direction:ltr; padding:12px; font-size:medium; overflow-y:auto; max-height:330px;">
   <div style="direction:rtl;">
   <p>
   bid-it הוקם כחלק מפרויקט גמר בסדנת Google במדעי המחשב באוניברסיטת תל אביב.
   </p>
   <p>
   האתר מיועד לכלל הסטודנטים הלומדים באוניברסיטת ת"א מכל החוגים והמסלולים ומהווה כלי עזר בלבד. אין להתייחס למידע המוצג באתר כמידע רשמי של האוניברסיטה על אף שהמידע נלקח מאתר האוניברסיטה. 
   </p>
   <p>אין המפתחים לוקחים אחריות על המידע או על כל נזק שיגרם משימוש במידע או משימוש בשירותי האתר. אנו ממליצים תמיד לבדוק את המידע המפורסם באתר מול הגוף האקדמי של הקורס הרלוונטי.</p>
   
   <p>אגודת הסטודנטים של אוניברסיטת תל אביב ו/או מי מטעמה אינם נושאים באחריות כלשהי לתוכנה ו/או השימוש בה. השימוש בתוכנה על אחריות המשתמש בלבד ואגודת הסטודנטים או מי מטעמה אינם אחראים לכל אבדן או נזק ישיר או עקיף שעלולים להיגרם כתוצאה מכך.</p>
   <p>בכל מקרה מובהר בזאת כי אגודת הסטודנטים של אוניברסיטת תל אביב ו/או מי מטעמה אינם ולא יהיו צד להתקשרות ולא יישאו בכל אחריות שהיא.</p>
   
   <p>
   לעדכונים נוספים, בקר
   <a href="https://www.facebook.com/pages/Bid-it/1211188905687121?fref=ts" class="btn-link"><strong>בעמוד הפייסבוק שלנו</strong></a>
   </p>


  <h4><strong><u>צוות bid-it</u></strong></h4>

    	<p><strong>מיטל שמיר</strong></p>
        <p><strong>ארבל פריימן</strong></p>
        <p><strong>עדן גל</strong></p>
        <p><strong>קארין אנג'ל</strong></p>
        <p><strong>גיא הרדונג</strong></p>
  
     <p>
   אם מצאת טעות/תקלה/באג וברצונך לשתף אותנו, אל תהסס ופנה אלינו דרך "צור קשר", או פנה אלינו ישירות:
    <a href="mailto:#" class="btn-link">bidit.contact@gmail.com</a>
   </p>
  
       
 
   <h5>
   תודה על שיתוף הפעולה ובהצלחה בהמשך הלימודים!
   </h5>
  
  <br />
     <p>
   * האתר מנוסח בלשון זכר אך מתייחס לשני המינים.
   </p>
   </div>
   </div>
   <!-- end of body-->
   <!--Footer-->
   <div id="aboutModalFooter" class="modal-footer">
      <button id="aboutExit2" class="btn" data-dismiss="modal" aria-hidden="true">חזרה למסך הראשי</button>
       <button id="contactViaAbout" href="#contactModal" class="btn btn-info" data-dismiss="modal" aria-hidden="true">צור קשר</button>
      
   </div>
</div>
{% endblock %}

<!---------------------------------------------------------------->
<!---------------------welcome block------------------------------->
{% block welcome %}
<!-- Modal -->
<div id="welcomeModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <!-- Modal Header -->
   <div class="modal-header">
      <button type="button" id="welcomeExit1" class="close" data-dismiss="modal" aria-hidden="true">x</button>
      <h1 id="myModalLabel">ברוכים הבאים ל bid-it</h1>
   </div>
   <!-- Modal Body -->
   <div class="bidit-welcome-modal-body"  style="padding:5px;">

   
   <div class="row-fluid">

  
      <!-- Jumbotron -->
      <div class="jumbotron span12">
        <p class="lead-small">bid-it הוא כלי עזר לבניית מערכת שעות באוניברסיטת ת"א, המאפשר גישה נוחה לנתוני העזר כמו פרופיל הקורס ונתוני הבידינג וכן דרך נוחה להרכיב מערכת שעות.</p>
       <p class="lead" style="margin-top:-10px;">
        שימו לב: המערכת הינה כלי עזר בלבד.  כל פעולה אל מול האוניברסיטה מתבצעת בכלים שהיא מספקת ואין לה קשר לאתר זה (לרבות הבידינג)
</p>
         <div class="row-fluid">
        	<div class="span12">
             <div class="" id="brosers2" style="height:15px;margin-top:-15px; ">
<p>
האתר נצפה היטב במחשב בדפדפנים: Safari 5.1, Explorer 10, Firefox 19, Chrome 22 (ומעלה). גודל מסך מינימלי 10'' ברזולוציה 1024X600 ומעלה.
</p>
</div>
      
      </div>
        <a class="btn btn-large btn-success  span3 offset4 pull-center " href="#" id="skipWelcome">
       לאתר &raquo;
        </a>
      </div>

      
	</div>
    
      <!-- Example row of columns -->
      <hr>
      <div class="row-fluid">
      
        <div class="span4 pull-right">
          <h4 style="width:100%;  text-align:center;">
          <span class="badge">1</span>
          הוסף קורסים</h4>
          <p style="width:90%; margin-right:10%;">הוסף קורסים למערכת ע"י כפתור <strong>בחר קורסים</strong>.
           באפשרותך לחקור כל קורס ע"י צפייה בנתוניו דרך פרופיל הקורס לאחר לחיצה על הכפתור: <strong style="font-family:Monospace; font-size:16px;">
 			<button id="infoBtn" class="btn btn-mini btn-primary" style="font-size:small; font-family:Monospace;"><strong>i</strong></button>
		</strong>.</p>
          
         
        </div>
        <div class="span4 pull-right">
          <h4 style="width:100%;  text-align:center;">
          <span class="badge badge-info">2</span>
          בנה לי מערכת</h4>
          <p style="width:90%; margin-right:10%;">אנחנו נבנה בשבילך את המערכת האופטימאלית, וזאת לאחר שתסמן את העדפותיך במסך <strong>בנה לי מערכת</strong>.</p>
          
       </div>
       <div class="span4 pull-right">
          <h4 style="width:100%;  text-align:center;">
          <span class="badge badge-success">3</span>
          מערכת</h4>
          <p style="width:90%; margin-right:10%;">כעת תוכל לצפות במערכת, ובלוח הבחינות. <strong>התחבר</strong> כדי לשמור ולסנכרן אותו עם חשבון ה-Google שלך, לבדוק מה חבריך בחרו ולהדפיס.</p>
         
         
        </div>
 
 
        
		<!-- end of row-fluid -->

      
   </div>
   <br />
   <br />
   <br />
            </div>
        </div>

   <!-- end of body -->
   
       
   <!--Footer-->
   <div id="welcomeModalFooter" class="modal-footer">
   <!--never show again-->
      <div id="neverShowAgainDiv">
      
    	<input id="neverShowAgain" class="css-checkbox pull-right" type="checkbox" />
        <label for="neverShowAgain" name="demo_lbl_1" class="css-label pull-right">
          &nbsp;&nbsp;&nbsp;&nbsp; אל תציג מסך זה שוב 
        </label>

          
<!-- Checkbox powered by CssCheckbox.com -->

   </div>
   <div class="pull-right" style="margin-right:-120px; display:none;">
   אל תציג מסך זה שוב
   </div>
              <a href="#readMoreModal" id="readMore" role="button" class="btn btn-info pull-left" data-toggle="modal" data-dismiss="modal" aria-hidden="true">קרא עוד   &raquo;</a>
        
   </div>
</div>
{% endblock %}

<!---------------------------------------------------------------->
<!---------------------read more block------------------------------->
{% block read_more %}
<!-- Modal -->
<div id="readMoreModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <!-- Modal Header -->
   <div class="modal-header">
      <button type="button" id="readMoreExit1" class="close" data-dismiss="modal" aria-hidden="true">X</button>
      <h3 id="myModalLabel">bid-it הוראות</h3>
   </div>

   
   
   
    <div id="stepsWizard" class="wizard" style="direction:ltr; text-align:right; padding-right: 22px;">
<a id="extraStep"> אקסטרה<span id="extraBadge" class="badge">5</span></a>
<a id="changesStep"> שינויים<span id="changesBadge" class="badge">4</span></a>
<a id="optimizeStep"> בנה לי מערכת<span id="optimizeBadge" class="badge">3</span></a>      
<a id="catalogsStep">קורסים<span id="catalogBadge" class="badge">2</span></a>
<a id="chooseCoursesStep"> בחר קורסים<span id="chooseCoursesBadge" class="badge">1</span></a>

</div> 
   
   
   <!-- Modal Body -->
   
   
   <div id="readMoreBody" class="bidit-readMore-modal-body pre-scrollable"  style="padding:5px; direction:ltr; text-align:right; overflow-y:auto; max-height:400px;">
  

        
        

        <br />

  
  	<div id="stepChooseCourses" style="display: block; text-align:right; direction:rtl;">
    
    <p style="direction:rtl; text-align:right;">
    <strong>אם הגעת לכאן אתה צריך עזרה. אל דאגה, האתר פשוט ונוח:</strong>
    </p>
    
<br />
    <div class="row-fluid">
    	<div class="span6 pull-right">
        
        <h6>בחר קורסים.</h6>
        <p>
        ניתן לעשות זאת ע"י כפתור "בחר קורסים" או ע"י איזור החיפוש. ניתן לחפש שם או מספר קורס.
        הקורסים נבחרים לפי סמסטר.
        </p>
        
        </div>
    <div class="span6 pull-left">
    <div class="tabbable" style="margin:5px;"> 
    <ul  class="nav nav-tabs">
      <li class="active pull-right"><a href="#" data-toggle="tab" style="display:inline-block; font-weight:bold;">סמסטר א</a></li>
      <li class="pull-right"><a href="#" data-toggle="tab" style="display:inline-block; font-weight:bold;">סמסטר ב</a></li>
    </ul>
    </div>

<div class="span12 pull-right">
   <button role="button" style="display: block; width:200px;" class="btn btn-primary btn-medium "><i class="icon-plus icon-white"></i>
     בחר קורסים
   </button>   
  </div>
  
  <div class="span12 pull-right form-inline">
        		
               <input class="span12" type="text" autocomplete = off placeholder="חפש קורס לפי שם או מספר קורס" style="margin: 0; width:200px;">
		</div>


	</div>
  


</div>
    
    <br /><br /><br /><br /><br />
    
    <a id="nextStep1" role="button" style="display: block; width:50px;" class="btn btn-link pull-left">
     הבא &#187;
   </a>
   <a id="prevStep1" role="button" style="display: none; width:50px;" class="btn btn-link pull-left ">
    &#171; הקודם 
   </a>
   
    
    
    
    </div>
    <div id="stepCatalog" style="display: none; direction:rtl; text-align:right;">
    
    <div class="row-fluid">
    	<div class="span12 pull-right">
        <p>
    אם בחרת בהוספת קורסים, תגיע לקטלוג הקורסים.
    </p>
    <p>
    כאן תוכל לסנן קורסים ע"פ פקולטה, חוג ויום הלימוד.
    </p>
    <p>
    בכל שלב שתרצה, תוכל לחקור את פרופיל הקורס ע"י לחיצה על כפתור המידע
    
    <button id="infoBtn" class="btn btn-mini btn-primary" style="font-size:small; font-family:Monospace;"><strong>i</strong></button>
</p>
<p>
          קורסים שנבחרו תוכל בכל שלב להסיר ע"י לחיצה על 
          <img src="../assets/img/removeIcon.jpg" />
           או לצפות בפרופיל הקורס ע"י לחיצה על 
           <img src="../assets/img/infoIcon.jpg" />
           .
           </p>
          
          
   
    </div>
    </div>
    
      <div class="row-fluid">
    	<div class="span12 pull-right">
  
  		<img src="../assets/img/coursesCatalog.jpg" border="1"/>
  
    </div>
    </div>
    
    <br />
    <br />
    <div class="row-fluid">
    	<div class="span12 pull-right">
  
  		<p>
         בפרופיל הקורס תוכל לצפות במידע על הקורס כולל מפגשים, מטלות סיום, סילבוס, סטטיסטיקות בידינג, נתוני סקר הערכת הוראה וכן מי מחבריך בפייסבוק לוקח את הקורס ואיזה קורסים נוספים הוא לוקח.
        </p>
  
  	<div class="row-fluid">
    	<div class="span12 pull-right">
  
  		<img src="../assets/img/coursesProfile.jpg" border="1"/>
  
    </div>
    </div>
    
    <br />
  
  		<p>
        שים לב שהנך מחובר עם הפייסבוק שלך ולא של משתמש אחר. במידה ותאשר את שיתוף המערכת חבריך בפייסבוק יוכלו לראות את המערכת האחרונה עבורה ביצעת "שמירה".
        </p>

  <br />
  		<p>
        לבסוף לחץ על "הוסף קורסים למערכת".
        </p>
  
    </div>
    </div>
    
    
        <a id="nextStep2" role="button" style="display: block; width:50px;" class="btn btn-link pull-left">
     הבא &#187;
   </a>
   <a id="prevStep2" role="button" style="display: block; width:50px;" class="btn btn-link pull-left ">
    &#171; הקודם 
   </a>
    
    </div>
    
    
  
 
 
    <div id="stepOptimize" style="display: none; direction:rtl; text-align:right;">
    
    <p>
    בעזרת <img src="../assets/img/optButton.png" border="1"/> אנחנו בונים בשבילך את המערכת לפי האילוצים שתגדיר.
    </p>
    <p>
    אם ברצונך לשנות את הגדרות ברירת המחדל, לחץ על <img src="../assets/img/swedish.png" border="1"/>.
    </p>
    <p>
    סמן את הקורסים שאתה חייב לקחת, ולאחר מכן את הגדרות החיפוש:
    </p>
    <p>
    מספר ימים מקסימלי שתרצה ללמוד בשבוע, ימי חופש, טווח שעות הלימוד ומרווח מינימלי בין תאריכי מבחנים בימים.
    </p>
     <div class="row-fluid">
    	<div class="span11 pull-left">
  
  		<img src="../assets/img/optimize.jpg" border="1"/>
  
    </div>
    </div>
    
    
    <br />
    <p>
    לעזרה נוספת לחץ על  
    <img src="../assets/img/help.png" border="1"/>
      שבראש התפריט.
    </p>
    <p>
    לבסוף לחץ על "בנה לי מערכת".
    </p>
    
        <a id="nextStep3" role="button" style="display: block; width:50px;" class="btn btn-link pull-left">
     הבא &#187;
   </a>
   <a id="prevStep3" role="button" style="display: block; width:50px;" class="btn btn-link pull-left ">
    &#171; הקודם 
   </a>
    
    </div>
    
    
    
    
     <div id="stepExtra" style="display: none; direction:rtl; text-align:right;">
     <br />
<br />
     
     <div class="pull-left">
     <ul>
     <li>
     <p>באפשרותך לצפות בידיעוני הפקולטות השונות המתפרסמים ע"י האוניברסיטה, ע"י  לחיצה על 
    	 <img src="../assets/img/yedionsImg.png" border="1"/>
     
     בתפריט התחתון
     </p>
     </li>
     <li>
     <p>אם מצאת טעות/תקלה/באג וברצונך לשתף אותנו, אל תהסס ופנה אלינו דרך 
    	 <img src="../assets/img/contactImg.png" border="1"/>
     </p>
     </li>
     <li>
     <p>למידע נוסף אודות האתר והצוות לחץ על   
    	 <img src="../assets/img/aboutImg.png" border="1"/>
     </p>
     </li>
     <li>
     <p>לעדכונים שוטפים, אל תשכח לתת לנו 
    	 <img src="../assets/img/likeImg.png" border="1"/>
       
     </p>
     </li>
     <li>
     <p>לכניסה לעמוד bit-it בפייסבוק לחץ על 
    	 <img src="../assets/img/facebook_icon_small.png" border="1"/>
     </p>
     </li>
     </ul>
     </div>
     
<br />
<br />
<br />
<br />
<br />
     
    <a id="nextStep5" role="button" style="display: none; width:50px;" class="btn btn-link pull-left">
     הבא &#187;
   </a>
   <a id="prevStep5" role="button" style="display: block; width:50px;" class="btn btn-link pull-left ">
    &#171; הקודם 
   </a>
    
    </div>
    
    
    
    
    
    
    
    
    <div id="stepChanges" style="display: none; direction:rtl; text-align:right;">
    <p>
    כעת באפשרותך לצפות במערכת ולבצע שינויים.
    </p>
    <p>
    תוכל להוסיף או להוריד קורסים ידנית  ולבחור קבוצות לימוד אחרות. תוכל להרכיב מערכת עבור סמסטר ב' באותו אופן ולצפות בלוח המבחנים בתחתית העמוד. בלוח שנה תוכל לצפות בכל המועדים. לחיצה על קורס במערכת או על מועד בלוח המבחנים תעביר אותך למועד הרלוונטי בלוח השנה. לוח השנה הוא שנתי וכולל את 2 הסמסטרים.
    </p>
   
    
    <div class="row-fluid">
    	<div class="span12 pull-left">
  
  		<img width="65%" height="65%" src="../assets/img/calendar.jpg" border="1"/>
  
    </div>
    </div>
    
    <br />

     <p>
    תוכל להתחבר בעזרת חשבון google ע"י לחיצה על <img src="../assets/img/connectImg.png" border="1"/> בתפריט העליון
    
    ולשמור את המערכת לפעם הבאה. באפשרותך לסנכרן את לוח המבחנים עם לוח השנה של google.
    </p>
    <p>
    לגרסה מודפסת לחץ על <img src="../assets/img/printImg.png" border="1"/> הנמצא מתחת למערכת השעות.
    </p>
    <p>
    שים לב שהמערכת שתודפס היא של הסמסטר בו הנך נמצא באתר ולוח המבחנים הוא שנתי.
    </p>
    
        <a id="nextStep4" role="button" style="display: block; width:50px;" class="btn btn-link pull-left">
     הבא &#187;
   </a>
   <a id="prevStep4" role="button" style="display: block; width:50px;" class="btn btn-link pull-left ">
    &#171; הקודם 
   </a>
    
    </div>
    
    
    
        <br />
       
        <br />
  
     
  
  
  
  
  
  
   
   </div>
   <!-- end of body -->
   
       
   <!--Footer-->
   <div id="readMoreModalFooter" class="modal-footer">
   
    
   
    <a href="#welcomeModal" id="readMoreExit2" role="button" class="btn  pull-left" data-toggle="modal" data-dismiss="modal" aria-hidden="true">חזרה</a>

        
   </div>
</div>
{% endblock %}

<!---------------------------------------------------------------->
<!---------------------ajax block------------------------------->
{% block ajax_block %}
<!-- Modal -->
<div id="ajaxModal" class="modal hide " tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <!-- Modal Header -->
   <div class="modal-header">

   </div>
   <!-- Modal Body -->
   <div id="ajaxBody">
   
   		
   
   </div>
   <!--Footer-->
   <div id="signInModalFooter" class="modal-footer">

   </div>
</div>
{% endblock %}

<!---------------------------------------------------------------->
<!---------------------alert modal------------------------------->
{% block alert_modal %}
<div name="" id="alertModal" class="modal hide">
  <div class="modal-header" style="background-color: #F0F0F0; padding: 9px 9px;">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h5 id="alertHeader"></h5>
  </div>
  <div class="modal-body" style="display:block;">
    <p id="alertContent" style="direction:rtl; text-align:right; font-weight:bold;"></p>
    <p id="alertQuestion" style="direction:rtl; text-align:right;"></p>
  </div>
  <div class="modal-footer" style="background-color: #F0F0F0;">
     <a id="approveAlert" href="#" class="btn btn-primary" style="align:center;">אישור</a>
     <a id="yesAlert" href="#" class="btn btn-primary" style="align:center;">כן</a>
     <a id="noAlert" href="#" class="btn btn-primary" style="align:center;">לא</a>
     <a id="cancelAlert" href="#" class="btn btn-primary" style="align:center;">ביטול</a>
     
     
    
     <!--never show again-->
      <div id="neverShowAgainQuestAlertDiv" class="pull-right">
        <input id="neverShowAgainQuestAlert" class="css-checkbox pull-right" type="checkbox" />
        <label for="neverShowAgainQuestAlert" name="demo_lbl_2" class="css-label pull-right">
          &nbsp;&nbsp;&nbsp;&nbsp; אל תציג מסך זה שוב 
        </label>
       
	 </div>   
     
          
          
<!-- Checkbox powered by CssCheckbox.com -->
  </div>
</div>

{% endblock %}
